<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/my.css"/>
		<title>我的</title>
	</head>
	<body>
		
		<div id="web">
			<!--头部-->
			<header class="clearfix">
				<!--logo-->
				<div class="back fl">
					<a href="index.html"><input type="button"  value="Back" /></a>
				</div>
				
				<div class="discover fl">产品详情</div>
				
				<div class="navpicture fr">
					<img src="img/email.png" />
				</div>
			</header>
			
			<!--内容-->
			 
<div class="session">
	<!--点击登录块-->
	<div class="login">
		<img src="img/touxiang.png" class="fl" />
	  <div class="click fl">
		<a href="#">点击登录</a>
		<p>常居地未设置</p>
	  </div>
	<div class="right1 fr">&gt;</div>
	</div>
	<div class="clear"></div>

   <div class="list">
		<div class="list1 fl">
			<div><img src="img/review.png"/></div>
			<div><a href="#">我的点评</a></div>
		</div>
				
		<div class="list2 fl">
			<div><img src="img/collect.png"/></div>
			<div><a href="#">我的收藏</a></div>
		</div>
		<div class="list3 fl">
			<div><img src="img/coupons.png"/></div>
			<div><a href="#">我的优惠券</a></div>
		</div>
		<div class="clear"></div>
	</div>
			
	<div class="purse1">
				<!--我的钱包-->
				<div class="monney1 fl">
					<div class="photos1 fl">
						<img src="img/money.png"/>
					</div>
					<div class="textone fl">
						<a href="#">我的钱包</a>
					</div>
					
					<div class="more1 fr">
						
						<div class="more-text1 fl">
							<a href="#">更多</a>
						</div>
						
						<div class="more-jiantou1 fl">
							<img src="img/icon2.png"/>
						</div>
					</div>
					
					<div class="clear"></div>
				</div>
				
				<div class="clear"></div>
				
				<!--等待点评-->
				<div class="commend1 fl">
					<div class="photos2 fl">
						<img src="img/to-review.png"/>
					</div>
					<div class="text-d fl">
						<a href="#">待点评</a>
					</div>
					
					<div class="more1 fr">
						<div class="more-text1 fl">
							<a href="#">更多</a>
						</div>
						
						<div class="more-jiantou1 fl">
							<img src="img/icon2.png"/>
						</div>
					</div>
					
					<div class="clear"></div>
				</div>
				
				<div class="clear"></div>
				
				<!--找好友-->
				<div class="friend fl">
					<div class="photos3 fl">
						<img src="img/friends.png"/>
					</div>
					<div class="text-dp fl">
						<a href="#">找好友</a>
					</div>
					
					<div class="more1 fr">
						<div class="more-text1 fl">
							<a href="#">更多</a>
						</div>
						
						<div class="more-jiantou1 fl">
							<img src="img/icon2.png"/>
						</div>
					</div>
					
					<div class="clear"></div>
				</div>
				
				<div class="clear"></div>
				
				<!--我的足迹-->
				<div class="footprint fl">
					<div class="photos fl">
						<img src="img/footprint.png"/>
					</div>
					<div class="text-dp fl">
						<a href="#">我的足迹</a>
					</div>
					
					<div class="more1 fr">
						<div class="more-text1 fl">
							<a href="#">更多</a>
						</div>
						
						<div class="more-jiantou1 fl">
							<img src="img/icon2.png"/>
						</div>
					</div>
					
					<div class="clear"></div>
				</div>
				
				<div class="clear"></div>
				
				
				<!--设置模块-->
				<div class="setting fl">
					<div class="photos fl">
						<img src="img/setting.png"/>
					</div>
					<div class="text-dp fl">
						<a href="#">设置</a>
					</div>
					
					<div class="more1 fr">
						<div class="more-text1 fl">
							<a href="#">更多</a>
						</div>
						
						<div class="more-jiantou1 fl">
							<img src="img/icon2.png"/>
						</div>
					</div>
					
					<div class="clear"></div>
				</div>
				
				<div class="clear"></div>
				
				
				<!--联系-->
				<div class="contact fl">
					<div class="photos fl">
						<img src="img/contact.png"/>
					</div>
					<div class="text-dp fl">
						<a href="#">联系</a>
					</div>
					
					<div class="more1 fr">
						<div class="more-text1 fl">
							<a href="#">更多</a>
						</div>
						
						<div class="more-jiantou1 fl">
							<img src="img/icon2.png"/>
						</div>
					</div>
					
					<div class="clear"></div>
				</div>
				
				<div class="clear"></div>
			</div>
			
	<div class="exit">
	 <button>退出</button>
	 <button>注销</button>				
     </div>
</div>	

			<!--底部-->
<footer>
	<ul class="clearfix">
	<li>
		<a href="index.html">
		<i class="iconfont icon-path"></i>
		<p>首页</p>
		</a>
	</li>
					
	<li>
	<a href="classification.html">
		<i class="iconfont icon-classify "></i>
		<p>分类</p>
		</a>
		</li>
					
	<li>
		<a href="found.html">
		<i class="iconfont icon-zhinanzhen"></i>
		<p>发现</p>
		</a>
	</li>
					
	<li>
	<a href="my.html">
	<i class="iconfont icon-user active"></i>
	<p>我的</p>
	</a>
	</li>
	</ul>
</footer>
</div>
		
		
		
		
		
		   <script>
    
        
		document.body.style.height = window.innerHeight + "px";
		
        /*动态改变根元素字体大小*/
        function recalc() {
            var clientWidth = document.documentElement.clientWidth;
            if(!clientWidth) return;
            document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
                                        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
        }

        function initRecalc() {
            recalc();
            var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
            if(!document.addEventListener) return;
            window.addEventListener(resizeEvt, recalc, false);
            document.addEventListener('DOMContentLoaded', recalc, false);
        }
        initRecalc();
    
    
    
    </script>
	</body>
</html>
